<script>
$(document).ready(function(){
    
    $(".login_msg").hide();
    
    var validatelogin = $("#register-form").validate({
				invalidHandler: function(form, validator) {
					var errors = validator.numberOfInvalids();
					if (errors) {
                        var message="<?php echo __("Hãy nhập đầy đủ thông tin ");?>";                    
						$('.box .content').removeAlertBoxes();
						$('.box .content').alertBox(message, {type: 'warning', icon: true, noMargin: false});
						$('.box .content .alert').css({
							width: '',
							margin: '0',
							borderLeft: 'none',
							borderRight: 'none',
							borderRadius: 0
						});
					} else {
						$('.box .content').removeAlertBoxes();
					}
				},
				showErrors : function(errorMap, errorList) {
				},
				submitHandler: function(form) {
					fullname = $("input[name='fullname']").val();
                    username = $("input[name='username']").val();
                    password = $("input[name='password']").val();
                    repassword = $("input[name='repassword']").val();
                    email=$("input[name='email']").val();
                    
                    if(username.length<=5){
                        show_msg("<?php echo __(" Tài khoản phải nhiều hơn 6 ký tự .")?>",'error');
                        return false;
                    }
                    if(password.length<=5){
                        show_msg("<?php echo __(" Mật khẩu phải nhiều hơn 6 ký tự .")?>",'error');
                        return false;
                    }
                    if(!isValidEmailAddress(email)){
                        show_msg("<?php echo __("Email không đúng định dạng.Hãy nhập lại email .")?>",'error');
                        return false;
                    }
                    if(password != repassword){
                        show_msg("<?php echo __("Mật khẩu xác nhận không giống  .Hãy nhập lại mật khẩu.")?>",'error');
                        return false;
                        
                    } else {
                        
                       $.ajax({
            			type: "POST",
            			url: BASE_URL+"/member/exe_register",
                        //data: {fullname:fullname,username:username,password:password,email:email},
                        data:$('#register-form').serialize(),
            			success: function(response)
            			{
            			     var getData=$.parseJSON(response);
                             if(getData.check==0){
                                show_msg(getData.message,"error");
                             }else{
                                //show_msg("Đã thêm mới thành công , kiểm tra email của bạn để kích hoạt tài khoản.",'info');
                                $("#register-form").slideUp('slow', function() {
            					    $(".login_msg").show('fast');
            						$(".login_msg").html("<p class='alert info'><span class='icon'></span><?php echo __(" Chúc Mừng ! Đã ký tài khoản thành công , Bạn cần kiểm tra email của bạn để kích hoạt tài khoản !");?></p>");                                    
            					}); 
                             }
                             
                             return false;
            			}
       		            });
                       
                       return false;
                    }
                    
 
                  
				}
			});   
            
            function show_msg(msg,type){
            $('.box .content').removeAlertBoxes();
            $('.box .content').alertBox(msg, {type: type, icon: true, noMargin: false});
            $('.box .content .alert').css({
    							width: '',
    							margin: '0',
    							borderLeft: 'none',
    							borderRight: 'none',
    							borderRadius: 0
    		});
            }; 
            
            function isValidEmailAddress(emailAddress) {
                var pattern = new RegExp(/^[+a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/i);
                // alert( pattern.test(emailAddress) );
                return pattern.test(emailAddress);
            };
});
</script>
<div class="top">
			<div class="gradient"></div>
			<div class="white"></div>
			<div class="shadow"></div>
		</div>
		<div class="content">
			<h1><?php echo __("Đăng ký");?></h1>
			<div class="background"></div>
			<div class="wrapper w700" style="top: 170px;">
				<div class="box">
					<div class="header grey">
						<img src="<?php echo THEME_PATH.$userCurrentTheme?>img/icons/packs/fugue/16x16/user--plus.png" width="16" height="16">
						<h3><?php echo __("Đăng ký")?> </h3>
					</div>
					<form method="get" action="#" id="register-form">
						<div class="content no-padding">
							<div class="section _100">
								<label>
									<?php echo __("Họ tên đêm")?>  
								</label>

								<div>
									<input name="firstName" class="required">
						</div>
                                
							</div>
                            <div class="section _100">
								<label>
									<?php echo __("Tên")?>  
								</label>
								<div>
									<input name="lastName" class="required">
								</div>
							</div>
							 <div class="section _100">
								<label>
									<?php echo __("Tài khoản")?>  
								</label>
								<div>
									<input name="username" type="text" class="required" placeholder="Tài khoản ">
								</div>
							</div>
                            <div class="section _100">
								<label>
									<?php echo __("Mật khẩu")?>  
								</label>
								<div>
									<input type="password" name="password" class="required" placeholder="Mật khẩu"/>
								</div>
							</div>
                            <div class="section _100">
								<label>
									<?php echo __("Nhập lại mật khẩu")?> 
								</label>
								<div>
									<input type="password" name="repassword" class="required" placeholder="Nhập lại mật khẩu">
								</div>
							</div>
                            <div class="section _100">
								<label>
									<?php echo __("Email")?>  
								</label>
								<div>

									<input name="email" class="required "  type="text" placeholder="abcd@gmail.com"/>

								</div>
                                
							</div>
						</div>
						<div class="actions">
							<div class="actions-left">
                                <input style="margin-left:5px;" class="float_left"  type="reset" value="<?php echo __("Làm lại")?>"/>
                            </div>
							<div class="actions-right">
								 <input class="float_left" type="submit" value="<?php echo __("Đăng ký")?>"/> 
							</div>
						</div>
                        
                        
					</form>
                    <div class="login_msg content no-padding with-actions grey " style="padding: 0 20px; color:red;">
                        <?php //echo __("Đăng nhập");?> 
                        </div>
				</div>
				<div class="shadow"></div>
                <div class="h100"></div>
			</div>
		</div>
		
		